<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .shadow{
            float:left;
            margin-left:20px;
            background: #EEFF99;
            transition-duration: 0.5s;
            width:200px;
            height:400px;
        }
        .shadow:hover{
            -webkit-box-shadow: #ccc 0px 10px 10px;
            -moz-box-shadow: #ccc 0px 10px 10px;
            box-shadow: #ccc 0px 10px 10px;  }
        .footer{width:100%;background-color:#323A45;padding-top:70px;height:auto;overflow:hidden}
        .other-link{width:1200px;margin:0 auto;height:auto;overflow:hidden}
        .other-link>div{float:left}
        .other-link .sucai-contact{float:right}
        .link-look{width:960px;padding-bottom:45px}
        .link-list{float:left;width:20%}
        .link-list h3{height:45px;line-height:20px;font-size:20px;color:#ffffff}
        .link-list ul li a{line-height:33px;color:#ABACAF;font-size:15px}
        .link-list ul li a:hover{color:#FF6666}
        .sucai-contact{width:240px}
        .bottom-logo{width:132px;height:38px}
        .bottom-logo a{display:block;width:100%;height:100%;background:url("../images/index_sprite_img.png") no-repeat -151px -10px}
        .sucai-companyname{height:40px;line-height:18px;font-size:18px;color:#ffffff;margin-top:25px}
        .sucai-phone,.sucai-qq{height:34px;line-height:15px;font-size:15px;color:#ABACAF}
        .erweima-box{margin-top:34px}
        .erweima-box>div{float:left;width:100px}
        .erweima-box>div:first-child{margin-right:30px}
        .wechat-erwei div:first-child,.phonenet-erwei div:first-child{height:30px;line-height:14px;font-size:14px;color:#ABACAF}
        .footer-bottom{height:100px;text-align:center;padding-top:27px;border-top:1px solid #42444B}
        .footer-bottom p{line-height:26px;font-size:14px;color:#6C6E73}
        .footer-bottom p span{margin-left:17px}
        .footer-bottom p span.police-icon{display:inline-block;width:25px;height:20px;background:url("../images/index_sprite_img.png") no-repeat -334px -170px;vertical-align:top}
        .sucai_wechat,.sucai_web{width:100%;height:100px}
        .sucai_wechat{background:url("../images/index_sprite_img.png") no-repeat -250px -206px}
        .sucai_web{background:url("../images/index_sprite_img.png") no-repeat -360px -206px}
    </style>
</head>
<body>
<div class="shadow"></div>
<div class="shadow"></div>
<div class="shadow"></div>
<div class="footer">
    <div class="other-link clearfix">
        <div class="link-look clearfix">
            <div class="link-list">
                <h3 class="link-title">产品服务</h3>
                <ul>
                    <li>
                        <a href="#">云服务器</a>
                    </li>
                    <li>
                        <a href="#">高防服务器</a>
                    </li>
                    <li>
                        <a href="#">高防IP</a>
                    </li>
                    <li>
                        <a href="#">云物理机</a>
                    </li>
                    <li>
                        <a href="#">专属宿主机</a>
                    </li>
                    <li>
                        <a href="#">机柜租用</a>
                    </li>
                    <li>
                        <a href="#">SSL证书</a>
                    </li>
                    <li>
                        <a href="#">弹性IP</a>
                    </li>
                    <li>
                        <a href="#">云硬盘</a>
                    </li>
                </ul>
            </div>
            <div class="link-list">
                <h3 class="link-title">地区划分</h3>
                <ul>
                    <li>
                        <a href="#">香港服务器</a>
                    </li>
                    <li>
                        <a href="#">美国服务器</a>
                    </li>
                    <li>
                        <a href="#">德国服务器</a>
                    </li>
                    <li>
                        <a href="#">日本服务器</a>
                    </li>
                </ul>
            </div>
            <div class="link-list">
                <h3 class="link-title">快速入口</h3>
                <ul>
                    <li>
                        <a href="#" target="_blank" class="c_login">控制台</a>
                    </li>
                </ul>
            </div>
            <div class="link-list">
                <h3 class="link-title">帮助支持</h3>
                <ul>
                    <li>
                        <a href="#">帮助中心</a>
                    </li>
                    <li>
                        <a href="#">网站备案</a>
                    </li>
                </ul>
            </div>
            <div class="link-list">
                <h3 class="link-title">关于我们</h3>
                <ul>
                    <li>
                        <a href="#">关于网络科技</a>
                    </li>
                    <li>
                        <a href="#">客户案例</a>
                    </li>
                    <li>
                        <a href="#">新闻资讯</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="sucai-contact">
            <div class="bottom-logo">
                <a href="#"></a>
            </div>
            <div class="sucai-companyname">网络科技计算有限公司</div>
            <div class="sucai-phone">7*24小时在线电话：400-xxx-2938</div>
            <div class="sucai-qq">7*24小时在线 QQ：800xxxxx</div>
            <div class="erweima-box clearfix">
                <div class="wechat-erwei">
                    <div>微信二维码</div>
                    <div class="sucai_wechat"></div>
                </div>
                <div class="phonenet-erwei">
                    <div>手机网站二维码</div>
                    <div class="sucai_web"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <p>Copyright (c) sucai Cloud Ltd. All Rights Reserved. 2018 版权所有</p>
        <p><span>网络科技计算有限公司</span><span>粤ICP备1709xxxxx号-1
</span><span><span class="police-icon"></span>粤公网安备 000000000000号</span>
            <span>增值电信业务经营许可证编号：B1-0000000</span></p>
    </div>
</div>

</body>
</html>
</body>
</html>